<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>图文混排13</title>
   <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
   <link rel="stylesheet" href="../css/public.css">
   <style>
      .imgText_mix_thirteen_title {
         text-align: center;
      }

      .imgText_mix_thirteen_title h2 {
         padding-bottom: 22px;
         color: var(--c_theme);
         font-size: var(--f_title);
         line-height: var(--l_title);
      }

      .imgText_mix_thirteen_title p {
         color: var(--c_subtitle);
         font-size: var(--f_describe);
         line-height: var(--l_describe);
      }

      .imgText_mix_thirteen_content {
         padding-top: 60px;
         display: flex;
         justify-content: space-around;
      }

      .imgText_mix_thirteen_img_box {
         width: 40%;
      }

      .imgText_mix_thirteen_img {
         width: 100%;
         height: 260px;
      }

      .imgText_mix_thirteen_img img {
         width: 100%;
         height: 100%;
         object-fit: cover;
      }

      .imgText_mix_thirteen_text {
         width: 40%;
      }

      .imgText_mix_thirteen_text h3 {
         padding-bottom: 22px;
         color: var(--c_text);
         font-size: var(--f_subtitle_contact);
         line-height: var(--l_subtitle_contact);
      }

      .imgText_mix_thirteen_text p {
         color: var(--c_text);
         font-size: var(--f_text);
         line-height: var(--l_text);
      }

      @media (max-width:768px) {
         .imgText_mix_thirteen_title p {
            padding-bottom: 30px;
         }

         .imgText_mix_thirteen_content {
            display: initial;
         }

         .imgText_mix_thirteen_img {
            height: 230px;
         }

         .imgText_mix_thirteen_img_box,
         .imgText_mix_thirteen_text {
            width: 100%;
         }

         .imgText_mix_thirteen_text {
            padding-top: 16px;
         }
      }
   </style>
</head>

<body>
   <div class="imgText_mix_thirteen modular">
      <div class="public_width_page">
         <div class="imgText_mix_thirteen_title">
            <h2>全面认知多元一体学术系统</h2>
            <p>野生教研组频繁互动于国内外顶尖设计团队 从学术结构构成 行业应用维度等角度，讨论设计学科的理论应用与实践之间的关系。
               为数不多研发了更具合理性的课程系统 包容又独立。针对零基础/转专业/薄基础的学员进行特别优化，平行深入结构。</p>
         </div>

         <div class="imgText_mix_thirteen_content">
            <div class="imgText_mix_thirteen_img_box">
               <div class="imgText_mix_thirteen_img">
                  <img src="../images/case_list_2_1.jpg" alt="">
               </div>
            </div>


            <div class="imgText_mix_thirteen_text">
               <h3>教学理念</h3>
               <p>尊重个体，因材施教，国际化教学标准无缝链接
                  优质内容产出保障
                  6大专项强化技术模块，800+课时/本科压缩课程
                  12个作品集全程单项基础模块训练系统
                  多视角介入互动表现沉浸式</p>
            </div>
         </div>
      </div>
   </div>
</body>

</html>